<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>扩展学习_${webName}手机版</title>
    <#include "../common/head-common.ftl">
  </head>
  <body class="skin-green sidebar-collapse">
    <div class="wrapper">
      <#include "../common/header.ftl">
      
      <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <ol class="breadcrumb">
            <li><a href="${wwwRoot}"><i class="fa fa-home"></i> 大讲台</a></li>
            <li><a href="${webRoot}m/center.do">Hadoop大讲台</a></li>
            <li><a href="${webRoot}m/ext.do">扩展学习</a></li>
            <li class="active">阅读</li>
          </ol>
        </section>

        <!-- Main content -->
        <section class="content">

          <!-- Main row -->
          <div class="row">
          	<!-- Left col -->
            <section class="col-lg-12 connectedSortable">
            
              <!-- Chat box -->
              <div class="box box-success">
                <div class="box-header">
                  <i class="fa fa-plus-square"></i>
                  <h3 class="box-title">${ext.title}</h3>            
                </div>
                <div class="box-body">
                                 
                  <section id="introduction">
				  <h2 class="page-header" style="font-size:13px;"><i class="fa fa-user"></i> ${ext.author}  &nbsp;&nbsp;<i class="fa fa-clock-o"></i> ${ext.createtime?string('yyyy-MM-dd hh:mm')} &nbsp;&nbsp; <i class="fa fa-external-link"></i> ${ext.source}</h2>
				  <p class="lead">
				    ${ext.content}
				  </p>				  
				</section>
                  
                  
                </div>  
                <div class="box-footer">
                  <ul class="list-unstyled" style="margin-bottom:8px;">
                  <li><i class="fa fa-tags"></i> 标签： ${ext.tags}</li>
                  </ul>
                 	
                  <div class="input-group-btn">
                      <button class="btn btn-success"><i class="fa fa-thumbs-up"></i> 我喜欢</button>
                      <button class="btn btn-danger"><i class="fa fa-thumbs-down"></i> 不喜欢</button>
                    </div>
                  
                </div>
              </div><!-- /.box (chat box) -->
              
              <div class="box box-success">
                <div class="box-header">
                  <i class="fa fa-heart-o"></i>
                  <h3 class="box-title">猜你喜欢</h3>
                </div><!-- /.box-header -->
                <div class="box-body">
                  <ul class="todo-list">   
                   <#list list as ext>
                      <#if ext_index lt 4>
                   		<li>
	                      <span class="text"><a href="${webRoot}m/ext/${ext.eid}.do">
	                      <#if ext.pos==1>
	                      		<i class="fa fa-volume-down text-red"></i>
	                      </#if>
	                      ${ext.title}</a></span>
	                    </li>
	                  </#if>
                   </#list>               
                  </ul>
                </div><!-- /.box-body -->
              </div><!-- /.box -->
            
            </section><!-- /.Left col -->
          </div><!-- /.row (main row) -->

        </section><!-- /.content -->
      </div><!-- /.content-wrapper -->
      
      <#include "../common/footer.ftl">
    </div><!-- ./wrapper -->

    <#include "../common/foot-common.ftl">
  </body>
</html>